<!-- 
      confirmOrder.html
      订单确认  id="confirmOrder"
      
      Created by tang on 2017-03-13.
      Copyright 2017 tang. All rights reserved.
 -->

<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link href="../css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="../css/confirm_order.css"/>
</head>
<body class="gray">
	<div class="mui-content loading" id="vueMain" style="padding-bottom: 50px;">
	    <ul class="mui-table-view firstlist">
	        <li class="mui-table-view-cell mui-media">
	            <a href="javascript:;">
	                <img class="mui-media-object mui-pull-left" :data-load="msg.order_goods.photo" src="../icon/mask-min.png" />
	                <div class="mui-media-body" style="white-space: normal">
	                    {{msg.order_goods.name}}
	                    <div v-if="msg.order_goods.spec">已选：{{msg.order_goods.spec}} <br/>{{msg.order_goods.description}}</div>
	                    <div style="text-align: right;color: #666;">x {{msg.order_goods.amount}}</div>
	                </div>
	            </a>
	        </li> 
	        <li class="mui-table-view-cell mui-media">
	            <a href="javascript:;">
	                <img class="mui-media-object head mui-pull-right" :src="msg.order_goods.logo" />
	                <div class="mui-media-body vmid">
	                		{{msg.order_goods.shop_name}}
	                </div>
	            </a>
	        </li>
	    </ul>
	    
	    <ul class="mui-table-view lease-type">
            <li class="mui-table-view-cell " v-if="msg.order_goods.commend_id==1||msg.order_goods.commend_id==6||msg.order_goods.commend_id==8">
                <a class="mui-navigate-right selAds" >
                		<span class="mui-pull-right" style="margin-right: 20px;" v-if="pick.type">{{pick.type}}</span>
                		<span class="mui-pull-right" style="margin-right: 20px;" v-else><small>请选择配送方式</small></span>
                    租赁方式
                </a>
                <div class="select-tip">
                		<p v-if="pick.ads">地址：{{pick.ads}}</p>
                </div>
            </li>
            <li class="mui-table-view-cell " v-if="msg.order_goods.commend_id==2||msg.order_goods.commend_id==5||msg.order_goods.commend_id==7">
                场地地址：{{msg.order_goods.place}}
            </li>
            <li class="mui-table-view-cell " v-if="msg.order_goods.commend_id==3">
                <a class="mui-navigate-right inputShowAds" >
                		<span class="mui-pull-right" style="margin-right: 20px;" v-if="!show.ads"><small>请输入工作地址</small></span>
                    目的地 
                </a>
                <div class="select-tip">
                		<p v-if="show.ads">联系人:{{show.ads.name}}</p>
                		<p v-if="show.ads">电话:{{show.ads.mobile}}</p>
                		<p v-if="show.ads">地址：{{show.ads.province_name}}{{show.ads.city_name}}{{show.ads.area_name}}{{show.ads.address}}</p>
                		
                </div>
            </li>
            <li class="mui-table-view-cell " v-if="msg.order_goods.commend_id==4">
                <a class="mui-navigate-right inputShowAds" >
                		<span class="mui-pull-right" v-if="show.ads==''" style="margin-right: 20px;"><small>请输入工作地址</small></span>
                    工作地址
                </a>
                <div class="select-tip">
                		<p v-if="show.ads">联系人:{{show.ads.name}}</p> 
                		<p v-if="show.ads">电话:{{show.ads.mobile}}</p>
                		<p v-if="show.ads">地址：{{show.ads.province_name}}{{show.ads.city_name}}{{show.ads.area_name}}{{show.ads.address}}</p>
                </div>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right invoice" >
                		<span class="mui-pull-right" style="color: #999;margin-right: 20px;" v-if="bill.typeNum==3"><small>不要发票</small></span>
                    发票信息
                </a>
                <div class="select-tip" v-if="bill.typeNum!=3">
                		<p v-if="bill.type=='单位发票'">发票抬头：{{bill.invoice_name}}</p>
                		<p v-else>发票类型:{{bill.invoice_title}}</p>
                		<p>发票内容：{{bill.invoice_body}}</p>
                </div>
            </li>
        </ul>
        
        <ul class="mui-table-view lease-date">
	        <li class="mui-table-view-cell">
	             <div class="mui-pull-right">
	             	<span>归还时间</span>
	             	<p>{{msg.order_goods.end_time}}</p>
	             </div>
	             <div class="mui-pull-left">
	             	<span>租赁日期</span>
	             	<p>{{msg.order_goods.start_time}}</p>
	             </div>
	        </li>
	        <li class="mui-table-view-cell">
	        		<div class="mui-pull-right">{{msg.order_goods.goods_nums}}天</div>
	        		<div class="mui-pull-left">租赁时长</div>
	        </li>
	        <li class="mui-table-view-cell">
	        		<div class="mui-pull-right">¥{{msg.order_goods.real_price}}</div>
	        		<div class="mui-pull-left">¥{{msg.order_goods.goods_price}} x {{msg.order_goods.amount}} X {{msg.order_goods.goods_nums}}天</div>
	        </li>
	    </ul>
	    
	    <div class="lease-count">
		    	<div class="mui-content-padded">
		    		<div class=" coupon " v-bind:class="msg.coupon.length!=0?'selCoupon':''" >
		    			<div class="mui-pull-right">
		    				<div v-if="coupon.id>0">已使用：<span class="text-red">{{coupon.name}}</span></div>
		    				<div style="font-size: 17px;color: #999;" v-else-if="coupon.id==-2">
		    					<small>无可用优惠券</small>
		    				</div>
		    				<div style="font-size: 17px;color: #999;" v-else>
		    					<small>不使用优惠券</small>
		    				</div>
		    			</div>
		    			<div class="mui-pull-left">
		    				优惠券
		    			</div>
		    		</div>
		    		<div class="count-list">
		    			<div class="mui-clearfix">
		    				<div class="mui-pull-right"><span class="text-red">¥{{msg.order.real_amount}}</span></div>
		    				<div class="mui-pull-left">商品总额</div>
		    			</div>
		    			<div class="mui-clearfix">
		    				<div class="mui-pull-right"><span class="text-red">¥ {{msg.order.pay_fee}}</span></div>
		    				<div class="mui-pull-left">订金</div>
		    			</div>
		    			<!--<div class="mui-clearfix">
		    				<div class="mui-pull-right"><span class="text-red">¥ {{msg.order.final_pay}}</span></div>
		    				<div class="mui-pull-left">应付尾款</div>
		    			</div>-->
		    			<div class="mui-clearfix">
		    				<div class="mui-pull-right"><span class="text-red">+¥ {{msg.order.real_freight}}</span></div>
		    				<div class="mui-pull-left">运费</div>
		    			</div>
		    			<div class="mui-clearfix">
		    				<div class="mui-pull-right"><span class="text-green">-¥ {{couponMoney}}</span></div>
		    				<div class="mui-pull-left">优惠券</div>
		    			</div>
		    			<div class="mui-clearfix">
		    				<div class="mui-pull-right"><span class="text-red">¥ {{ckMoney}}</span></div>
		    				<div class="mui-pull-left">尾款</div>
		    			</div>
		    		</div>
		    		
		    </div>
	    </div>
	    <div class="enter">
			<div class="mui-pull-right enter-btn pays" >立即支付</div>
			<div class="mui-pull-right enter-btn incart pays" v-if="!otype">加入租赁车</div>
			<div class="mui-pull-left enter-count ">订金：¥ {{msg.order.pay_fee}}</div>
		</div>	
	</div>

<script src="../js/mui.js"></script>
<script src="../js/vue.min.js"></script>
<script src="../js/bexta.js"></script>
<script src="../js/confirmOrder.js"></script>
</body>
</html>
